<template>
	<view class="activityDetailsBox">
		<view class="contentBox">
			<view class="contentBox1">
				<view class="contentBox1Titles">
					<view class="contentBox1Title">
						<view class="wire">
						</view>
						<view class="title">
							活动基本信息
						</view>
					</view>
					<!-- <image v-if="form.status==1 && aid == 2"" src="/static/pages/index/modifyImg.png" mode="" class="modifyImg" @click="editClick(form.activity.id,form.activity.category_id)"></image> -->
				</view>
				<view class="funds" v-if="aid == 2">
					<view class="fundsW1">
						活动名称:
					</view>
					<view class="fundsW2">
						{{form.activity.name}}
					</view>
				</view>
				<!-- <view class="funds" v-if="aid !== 2">
					<view class="fundsW1">
						活动名称:
					</view>
					<view class="fundsW2">
						{{form.name}}
					</view>
				</view> -->
				<!-- <view class="funds">
					<view class="fundsW1">
						活动预算：
					</view>
					<view class="fundsW2">
						{{aid == 2 ? form.activity.money:form.money}}
					</view>
				</view> -->
				<view class="quota">
					<view class="quotaW1">
						计划场次：
					</view>
					<view class="quotaW2">
						{{aid == 2 ? form.activity.quota:form.quota}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						剩余剩余场次：
					</view>
					<view class="quotaW2">
						{{aid == 2 ? form.activity.remaining:form.remaining}}
					</view>
				</view>
				<view class="quota">
					<view class="quotaW1">
						活动时间：
					</view>
					<view class="quotaW2" v-if="aid == 2">
						{{form.activity.starttime | formatDate}} -- {{form.activity.endtime | formatDate}}
					</view>
					<view class="quotaW2" v-else>
						{{form.createtime | formatDate}} -- {{form.endtime | formatDate}}
					</view>

				</view>
			</view>
			<view class="contentBox2">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动区域
					</view>
				</view>
				<view class="titleBox">
					{{aid == 2 ? form.activity.region:form.region}}
				</view>
			</view>
			<view class="contentBox2">
				<view class="contentBox1Title">
					<view class="wire">
			
					</view>
					<view class="title">
						活动店铺
					</view>
				</view>
				<view class="titleBox">
					{{dianpu.store_name}}--{{dianpu.address}}
				</view>
			</view>

			<view class="contentBox3">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动要求
					</view>
				</view>

				<view class="contentWord">
         			<text user-select='true' style="word-break:break-all;word-wrap: break-word;" >
						{{aid == 2 ? form.activity.requirement:form.requirement}}
					</text> 
					<!-- {{aid == 2 ? form.activity.requirement:form.requirement}} -->
					
				</view>
			</view>
			<view class="contentBox3" v-if="form.status==3">
				<view class="contentBox1Title">
					<view class="wire">
					</view>
					<view class="title">
						拒绝原因
					</view>
				</view>

				<view class="contentWord">
					{{form.refuse}}
				</view>
			</view>
			<view class="contentBox3a" v-if="form.status==1 && aid == 2">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动延长
					</view>
				</view>
				<view class="xTitle">
					<view class="xTitleW">
						活动延长时间
					</view>
					<view class="xTitleC">
						{{form.activity.starttime_text}}
					</view>
				</view>
				<view class="contentWord">
					{{form.activity.requirement}}
				</view>
			</view>
			<view class="contentBox4" v-if="aid == 2">
				<view class="contentBox1Title">
					<view class="wire">

					</view>
					<view class="title">
						活动反馈
					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						1
					</view>
					<view class="stage1BoxWord">
						活动准备阶段
					</view>
				</view>
				<view class="flex">
					<textarea v-if="form.feedback_one == 0"  class="textarea" v-model="txt1" placeholder="准备阶段反馈信息,去反馈提交后会一同提交" placeholder-style="font-size:26rpx"></textarea>
					<!-- <button class="tijiao" @click="tjtxt1(txt1)">提交</button> -->
				</view>
				
				
				<view class="stage1Contnet">
					<view class="stage1ContnetWire">

					</view>
					
					<view class="stage1ContnetWord" v-if="form.feedback_one == 0" @click="feedbackClick(1)">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
					</view>
					<view class="stage1ContnetWord" v-if="form.feedback_one !== 0">
						<text style="color: #2E2F33;">已反馈</text>
						<text style="color: #1855F6;" @click="feedbackClick1(1)">去查看</text>
					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						2
					</view>
					<view class="stage1BoxWord">
						活动进行阶段
					</view>
				</view>
				<view class="flex">
					<textarea  v-if="form.feedback_two == null" class="textarea" v-model="txt2" placeholder="进行阶段反馈信息,去反馈提交后会一同提交" placeholder-style="font-size:26rpx"></textarea>
					<!-- <button class="tijiao" @click="tjtxt2(txt2)">提交</button> -->
				</view>
				<view class="stage1Contnet">
					<view class="stage1ContnetWire">

					</view>
					<view class="stage1ContnetWord" v-if="form.feedback_two == null" @click="feedbackClick(2)">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
					</view>
					<view class="stage1ContnetWord" v-if="form.feedback_two">
						<text style="color: #2E2F33;">已反馈</text>
						<text style="color: #1855F6;" @click="feedbackClick(2)">去查看</text>


					</view>
				</view>
				<view class="stage1">
					<view class="stage1Box">
						3
					</view>
					<view class="stage1BoxWord">
						活动结束
					</view>
				</view>
				<view class="flex">
					<textarea   v-if="form.feedback_three == null " class="textarea" v-model="txt3" placeholder="结束阶段反馈信息,去反馈提交后会一同提交" placeholder-style="font-size:26rpx"></textarea>
					<!-- <button class="tijiao" @click="tjtxt3(txt3)">提交</button> -->
				</view>
				<view class="stage1Contnet1">

					<view class="stage1ContnetWord" v-if="form.feedback_three == null " @click="feedbackClick(3)">
						<text style="color: #2E2F33;">未反馈活动情况,</text>
						<text style="color: #1855F6;">去反馈</text>
					</view>
					<view class="stage1ContnetWord" v-if="form.feedback_three != null">
						<text style="color: #2E2F33;">已反馈</text>
						<text style="color: #1855F6;" @click="feedbackClick1(3)">去查看</text>
					</view>
				</view>
			</view>
		</view>
         <view class="button_bottom" v-if="aid !== '2'" @click="shenbao">
			申报{{aid}}
		</view>
		<!-- 弹窗 -->
		<view class="mask" v-if="maskShow">
			<view class="maskContent1" v-if="feedbackShowa">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<view class="btnBox">
					<view :class="feedbackisShow==1 ?'ny':'no'" @click="choiceClick(1)">
						否
					</view>
					<view :class="feedbackisShow==2 ?'ny':'yes'" @click="choiceClick(2)">
						是
					</view>
				</view>
				<view class="submitBox" @click="tijiao(2)">
					提交
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="cloose" mode=""></image>
			</view>
			<!--反馈1"否"时弹窗 -->
			<view class="noBox" v-if="noShow">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<view class="btnBox">
					<view :class="feedbackisShow==1 ?'ny':'no'" @click="choiceClick(1)">
						否
					</view>
					<view :class="feedbackisShow==2 ?'ny':'yes'" @click="choiceClick(2)">
						是
					</view>
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseA" mode=""></image>
				<view class="ctimeBox">
					<input type="text" placeholder="请输入延长时间" v-model="fankiu.onetime" class="timeIput"
						placeholder-style="font-size: 26rpx;font-weight: 500;color: #909299;" />
				</view>
				<view class="contentBox">
					<view class="contentBox1">
						<textarea class="textBox" placeholder="请输入延长原因" v-model="fankiu.one_remarks"
							placeholder-style="font-size: 26rpx;color: #909299;margin-left: 20rpx;" />
					</view>

				</view>
				<view class="submitBox" @click="tijiao(1)">
					提交
				</view>
			</view>



			<view class="maskContent3" v-if="feedbackShowc">
				<view class="title">
					本次活动实施情况
				</view>
				<view class="titleNav">
					目标KPI
				</view>
				<view class="titleNavContent">
					<view class="titleNavContent1">
						<view class="titleNavContent1a">
							曝光：{{KPI.baoguang || ''}}
						</view>
						<view class="titleNavContent1b">
							A卡：{{KPI.aka || ''}}
						</view>
					</view>
					<view class="titleNavContent2">
						<view class="titleNavContent2a">
							线索：{{KPI.xiansuo || ''}}
						</view>
						<view class="titleNavContent2b">
							订单：{{KPI.dingdan || ''}}
						</view>
					</view>
				</view>
				<!-- <image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseB" mode=""></image> -->
				<view class="maskcnt">
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							曝光
						</view>
						<input type="text" placeholder="请输入实际曝光数量" v-model='xiaoshou' class="inputs" />
					</view>
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							线索
						</view>
						<input type="text" placeholder="请输入实际线索数量" v-model='xs' class="inputs" />
					</view>
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							A卡
						</view>
						<input type="text" placeholder="请输入实际A卡数量" v-model='ak' class="inputs" />
					</view>
					<!-- <view class="maskcnt1">
						<view class="maskcnt1Title">
							销售
						</view>
						<input type="text" placeholder="请输入销售数量" v-model='xss' class="inputs" />
					</view> -->
					<view class="maskcnt1">
						<view class="maskcnt1Title">
							订单
						</view>
						<input type="text" placeholder="请输入实际订单数量" v-model='dd' class="inputs" />
					</view>
					<view class="submitBox" @click="tijiao(3)">
						提交
					</view>
					<image src="/static/pages/index/cloose.png" class="clooseImg" @click="cloose" mode=""></image>
				</view>
			</view>
		</view>

		<!--查看反馈完成的情况 -->
		<view class="mask" v-if="wancheng1">
			<view class="noBox">
				<view class="title">
					活动是否按照初期规划开展
				</view>
				<image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseA1" mode=""></image>
				<view class="btnBox">
					<view v-if="wancheng1_1==1" style="width: 200rpx;height: 60rpx;line-height: 60rpx;"
						:class="feedbackisShow==1 ?'ny':'no'" >
						否
					</view>
					<view v-if="wancheng1_1==2" :class="feedbackisShow==2 ?'ny':'yes'">
						是
					</view>
				</view>

				<view class="" v-if="wancheng1_1==1">
					<view class="ctimeBox" style="background-color: #fff;">
						<view class="">
							延长时间:
						</view>
						<view class="">
							{{yanchangtime}}
						</view>
					</view>
					<view class="contentBox" style="background-color: #fff;">
						<view class="">
							延长原因:
						</view>
						<view class="">
							{{yanchangyuanyin}}
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<!--查看活动结束反馈完成的情况 -->
		<view class="mask" v-if="wancheng3">
			<view class="maskContent3">
				<view class="title">
					本次活动实施情况
				</view>
				<view class="titleNav">
					目标KPI
				</view>
				<view class="titleNavContent">
					<view class="titleNavContent1">
						<view class="titleNavContent1a">
							曝光：{{KPI.baoguang || ''}}
						</view>
						<view class="titleNavContent1b">
							A卡：{{KPI.aka || ''}}
						</view>
					</view>
					<view class="titleNavContent2">
						<view class="titleNavContent2a">
							线索：{{KPI.xiansuo || ''}}
						</view>
						<view class="titleNavContent2b">
							订单：{{KPI.dingdan || ''}}
						</view>
					</view>
				</view>
				<!-- <image src="/static/pages/index/cloose.png" class="clooseImg" @click="clooseB" mode=""></image> -->
				<view class="maskcnt" style="padding: 0 0 0 20rpx;">
					<view class="" style="display: flex;align-items: center;height: 80rpx;">
						<view class="maskcnt1Title" style="min-width: 200rpx;">
							曝光
						</view>
						<view class="">
							{{feedback_three.xiaoshou}}
						</view>
					</view>
					<view class="" style="display: flex;align-items: center;height: 80rpx;">
						<view class="maskcnt1Title" style="min-width: 200rpx;">
							线索
						</view>
						<view class="">
							{{feedback_three.xiansuo}}
						</view>
					</view>
					<view class="" style="display: flex;align-items: center;height: 80rpx;">
						<view class="maskcnt1Title" style="min-width: 200rpx;">
							A卡
						</view>
						<view class="">
							{{feedback_three.aka}}
						</view>
					</view>
					<view class="" style="display: flex;align-items: center;height: 80rpx;">
						<view class="maskcnt1Title" style="min-width: 200rpx;">
							订单
						</view>
						<view class="">
							{{feedback_three.dingdan}}
						</view>
					</view>
					
					<image src="/static/pages/index/cloose.png" class="clooseImg" @click="wancheng3Click" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		details,
		examineDetails,
		fankui
	} from '@/request/api.js'
	import request from "@/request/request.js"
	export default {
		data() {
			return {
				dianpu:[], //店铺相关信息
				txt1:'',//文字反馈
				txt2:'',//文字反馈
				txt3:'',//文字反馈
				maskShow: false,
				feedbackShowa: false,
				feedbackShowc: false,
				feedbackisShow: '', //反馈1样式控制
				noShow: false, //反馈1"否"弹窗
				status: '',
				xs: '',
				ak: '',
				dd: '',
				xss: '',
				qita: '',

				id: '',
				aid: '',
				fankiu: {
					id: '', //申报id
					feedback_one: '', //反馈是,否
					onetime: '', //延长时间
					one_remarks: '', //延长备注
				},
				wuliao: [],
				renqi: [],
				zhaopian: [],

				form: {},
				url: '',
				// 曝光
				xiaoshou: '',
				// 目标KPI
				KPI: '',
				// 活动是否按照初期规划开展
				wancheng1: false,
				wancheng1_1: 1,
				// 活动结束反馈查看
				wancheng3:false,
				feedback_three:'',
				yanchangtime:'',
				yanchangyuanyin:'',
				// options: ''
			};
		},
		onLoad(option) {
			console.log(option, "option");
			// this.options = option
			// console.log(this.options, 'options');
			this.url = request.baseUrl
			if (option.aid == 2) {
				this.aid = option.aid
				this.id = option.id
				this.OnListOne()
			} else {
				this.id = option.id
				this.aid = ''
				this.OnList()
			}

			// this.status = option.status
		},
		onShow() {
			this.$forceUpdate()
			this.dianpu  = uni.getStorageSync('login')
			console.log(this.dianpu,'dianpu');
		},
	
		methods: {			
			// 提交反馈1
			tijiao(a) {
				if (a == 1) {
					if (this.fankiu.onetime == '' || this.fankiu.one_remarks == '') {
						uni.showToast({
							title: '请补充完整信息',
							icon: "none"
						})

					} else {
						fankui({
							id: this.id,
							onetime: this.fankiu.onetime,
							feedback_one: this.fankiu.feedback_one,
							one_remarks: this.fankiu.one_remarks,
							explain:this.txt1
							
						}).then(res => {
							uni.showToast({
								title: res.msg,
								icon: "none"
							})
							this.maskShow = false
							this.feedbackShowc = false
						}).catch(err => {
							uni.showToast({
								title: res.msg,
								icon: "none"
							})
							this.maskShow = false
							this.feedbackShowc = false
						})
					}

				} else if (a == 2) {
					fankui({
						id: this.id,
						feedback_one: this.fankiu.feedback_one,
						explain:this.txt2
					}).then(res => {
						uni.showToast({
							title: res.msg,
							icon: "none"
						})
						this.maskShow = false
						this.feedbackShowc = false
					}).catch(err => {
						uni.showToast({
							title: res.msg,
							icon: "none"
						})
						this.maskShow = false
						this.feedbackShowc = false
					})

				} else if (a == 3) {
					fankui({
						id: this.id,
						// 线索
						xiansuo: this.xs,
						dingdan: this.dd,
						aka: this.ak,
						xiaoshou: this.xiaoshou,
						explain:this.txt3
					}).then(res => {
						uni.showToast({
							title: res.msg,
							icon: "none"
						})
						this.maskShow = false
						this.feedbackShowc = false

					}).catch(err => {
						uni.showToast({
							title: res.msg,
							icon: "none"
						})
						this.maskShow = false
						this.feedbackShowc = false
					})
				}

			},
			shenbao() {
				console.log(this.form.id, "this.form.id");
				uni.navigateTo({
					url: "/pagesA/DLR/shenbao?id=" + this.form.id
				})
			},
			OnList() {
				details({
					id: this.id,
				}).then(res => {
					console.log(res.data);
					this.form = res.data
					console.log(this.form, "房子房子房子")
					if (res.data.feedback_two != null) {
						this.wuliao = res.data.feedback_two.wuliao.split(',')
						this.renqi = res.data.feedback_two.renqi.split(',')
						this.zhaopian = res.data.feedback_two.zhaopian.split(',')
					}
					uni.showToast({
						title: res.msg,
						icon: "none"
					})
				})
			},
			OnListOne() {
				examineDetails({
					id: this.id,
				}).then(res => {
					console.log(res.data);
					this.KPI = res.data.target
					this.feedback_three=res.data.feedback_three
					if(res.data.feedback_one==1){
						this.wancheng1_1=1
						this.yanchangtime=res.data.onetime
						this.yanchangyuanyin=res.data.one_remarks
					}
					if(res.data.feedback_one==2){
						this.wancheng1_1=2
					}
					this.form = res.data
					if (res.data.feedback_two != null) {
						this.wuliao = res.data.feedback_two.wuliao.split(',')
						this.renqi = res.data.feedback_two.renqi.split(',')
						this.zhaopian = res.data.feedback_two.zhaopian.split(',')
					}
					this.fankiu.id = res.data.id
					uni.showToast({
						title: res.msg,
						icon: "none"
					})
				})
			},
			feedbackClick(type) {
				let _this = this
				console.log(type)
				if (type == 1) {
					_this.maskShow = true
					_this.feedbackisShow = ''
					_this.feedbackShowa = true
					_this.feedbackShowc = false
				}
				if (type == 2) {
					uni.navigateTo({
						url: '/pagesA/DLR/conductDetalis?id=' + this.id
					})
				}
				if (type == 3) {
					_this.maskShow = true
					_this.feedbackShowc = true
				}
			},
			feedbackClick1(type) {
				let that = this

				console.log(type)
				if (type == 1) {
					console.log('111')
					that.wancheng1 = true
					// that.maskShow = true
				}
				if (type == 2) {

				}
				if (type == 3) {
					that.wancheng3=true
					that.maskShow=true
				}
			},
			wancheng3Click(){
				this.wancheng3=false
				this.maskShow=false
			},
			//反馈1
			choiceClick(type) {
				let _this = this
				console.log(type)
				_this.fankiu.feedback_one = type
				_this.feedbackisShow = type
				if (type == 1) {
					_this.feedbackShowa = false
					_this.noShow = true
					console.log(123)
				} else if (type == 2) {
					_this.feedbackShowa = true
					_this.noShow = false
					_this.feedbackisShow = 2
				}
			},
			//关闭反馈1弹窗
			cloose() {
				this.maskShow = false
				this.feedbackShowa = false
			},
			//反馈1状态为"否"状态下
			clooseA() {
				this.maskShow = false
				this.noShow = false
			},
			clooseA1() {
				this.wancheng1 = false
				this.maskShow = false
			},
			clooseB() {
				let _this = this
				_this.maskShow = false
				_this.feedbackShowc = false
			},
			//反馈1"否"状态下状态为"是"弹窗
			choiceAClick() {
				this.feedbackShowa = true
				this.noShow = false
				this.feedbackisShow = 2
			},
			//未审核时进行编辑
			editClick(id, category_id) {
				uni.navigateTo({
					url: `/pagesA/DLR/editPages?sid=${id}&id=${category_id}`
				})
			},
			
			// 反馈文字
			// tjtxt1(){
			// 	console.log(this.txt1);
			// },
			// tjtxt2(){
			// 	console.log(this.txt2);
			// },
			// tjtxt3(){
			// 	console.log(this.txt3);
			// }		
		},
		filters: {
			formatDate: function(value) {
				let date = new Date(value * 1000);
				//时间戳为10位需*1000，时间戳为13位的话不需乘1000
				let y = date.getFullYear();
				let MM = date.getMonth() + 1;
				MM = MM < 10 ? ('0' + MM) : MM; //月补0
				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d; //天补0
				let h = date.getHours();
				h = h < 10 ? ('0' + h) : h; //小时补0
				let m = date.getMinutes();
				m = m < 10 ? ('0' + m) : m; //分钟补0
				let s = date.getSeconds();
				s = s < 10 ? ('0' + s) : s; //秒补0
				// console.log(y + '-' + MM + '-' + d);
				return y + '-' + MM + '-' + d; //年月日

			}
		},
	}
</script>

<style lang="scss">
	.flex{
		display: flex;
		justify-content: center;
	}
	.tijiao{
		width: 105rpx;
		height: 50rpx;
		margin: 0;
		padding: 0 10rpx;
		margin-top: 10%;
		font-size: 26rpx;
		line-height: 50rpx;
		align-items: center;
		
	}
	
	.textarea{
		padding: 10rpx;
		width: 85%;
		height: 80rpx;
		margin: 15rpx auto;
		border: solid 1px #999999;
		font-size: 26rpx;
		border-radius: 10rpx;
	}
	.select-text{
		display: block;
		width: 100%;
	}
	
	.ima {
		width: 200rpx;
		height: 200rpx;
		margin-right: 20rpx;
	}

	input::-webkit-input-placeholder {
		font-size: 30rpx;
	}

	page {
		background-color: #FFFFFF;
	}

	.activityDetailsBox {
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 40rpx;
		overflow: hidden;
		position: relative;

		.button_bottom {
			width: 500rpx;
			height: 80rpx;
			background: #1855F6;
			border-radius: 40rpx;
			margin: 0 auto;
			text-align: center;
			line-height: 80rpx;
			margin-top: 103rpx;
			color: #FFFFFF;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
		}

		.contentBox {
			width: 670rpx;
			margin: 30rpx auto 0;

			.contentBox1 {
				.contentBox1Titles {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;
					justify-content: space-between;

					.contentBox1Title {
						display: flex;

						.wire {
							width: 4rpx;
							height: 36rpx;
							background: #2E2F33;
							border-radius: 2rpx;
							margin: 32rpx 0 0 24rpx;
						}

						.title {
							// line-height: 100rpx;
							font-size: 38rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #2E2F33;
							margin: 25rpx 0 0 14rpx;
						}
					}

					.modifyImg {
						width: 34rpx;
						height: 34rpx;
						margin: 33rpx 24rpx 0 0;
					}
				}

				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}

				.funds {
					width: 100%;
					min-height: 100rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					border-bottom: 1px solid #F2F2F4;

					.fundsW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						// line-height: 100rpx;
						margin-left: 25rpx;
						min-width: 200rpx;
					}

					.fundsW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}

				.quota {
					width: 100%;
					height: 100rpx;
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid #F2F2F4;

					.quotaW1 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-left: 25rpx;
					}

					.quotaW2 {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						line-height: 100rpx;
						margin-right: 25rpx;
					}
				}
			}

			.contentBox2 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.titleBox {
					font-size: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #2E2F33;
					margin: 30rpx 0 9rpx 26rpx;
				}
			}

			.contentBox3 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}
                 // 文本允许选中
				.contentWord {
					display: block;
					// box-sizing: border-box;
					// overflow: hidden;
					// white-space: pre-wrap;
					// word-wrap: break-word;					
					width: 620rpx;
					// height: 300rpx;
					margin: 26rpx auto 0;
					// word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}

			.contentBox3a {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.xTitle {
					display: flex;
					margin-top: 40rpx;
					justify-content: space-between;

					.xTitleW {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-left: 26rpx;
					}

					.xTitleC {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin-right: 35rpx;
					}
				}

				.contentWord {
					display: block;
					// box-sizing: border-box;
					width: 620rpx;
					margin: 26rpx auto 0;
					word-break: normal|break-all|keep-all;
					word-wrap: break-word;
				}
			}



			.contentBox4 {
				.contentBox1Title {
					width: 100%;
					height: 100rpx;
					border-bottom: 1px solid #F2F2F4;
					display: flex;

					.wire {
						width: 4rpx;
						height: 36rpx;
						background: #2E2F33;
						border-radius: 2rpx;
						margin: 32rpx 0 0 24rpx;
					}

					.title {
						// line-height: 100rpx;
						font-size: 38rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #2E2F33;
						margin: 25rpx 0 0 14rpx;
					}
				}

				.stage1 {
					width: 100%;
					display: flex;
					margin-top: 40rpx;

					.stage1Box {
						width: 40rpx;
						height: 40rpx;
						background: #1855F6;
						border-radius: 50%;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						line-height: 40rpx;
						text-align: center;
						margin-left: 24rpx;
					}

					.stage1BoxWord {
						font-size: 36rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #2E2F33;
						margin-left: 26rpx;
						margin-top: -4rpx;
					}
				}

				.stage1Contnet {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWire {
						width: 2rpx;
						height: 140rpx;
						background: #1855F6;
						margin-left: 43rpx;
					}

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 44rpx;
					}
				}

				.stage1Contnet1 {
					width: 100%;
					height: 140rpx;
					display: flex;
					margin-top: 20rpx;

					.stage1ContnetWord {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						line-height: 140rpx;
						margin-left: 89rpx;
					}
				}
			}
		}

		.mask {
			width: 100%;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			background-color: rgba(0, 0, 0, .3);
			z-index: 2;
			.maskContent1 {
				width: 580rpx;
				height: 340rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 30%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.submitBox {
					width: 300rpx;
					height: 80rpx;
					background: #1855F6;
					border-radius: 40rpx;

					margin: 60rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}
			}

			.noBox {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 15%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding-bottom: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.btnBox {
					width: 100%;
					display: flex;
					justify-content: space-around;
					margin-top: 60rpx;

					.no {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.yes {
						width: 110rpx;
						height: 46rpx;
						background: #EDF1FC;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #1855F6;
						text-align: center;
					}

					.ny {
						width: 110rpx;
						height: 46rpx;
						background: #1855F6;
						border-radius: 4rpx;
						line-height: 46rpx;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
					}
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.ctimeBox {
					width: 540rpx;
					height: 90rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 70rpx auto 0;
					overflow: hidden;

					.timeIput {
						width: 90%;
						height: 60rpx;
						margin-top: 10rpx;
						margin-left: 20rpx;
					}
				}

				.contentBox {
					width: 540rpx;
					height: 260rpx;
					background: #F0F1F5;
					border-radius: 8rpx;
					margin: 30rpx auto 0;
					overflow: hidden;

					.contentBox1 {
						width: 92%;
						margin: 30rpx auto 0;

						.textBox {
							width: 92%;
						}
					}

				}

				.submitBox {
					width: 300rpx;
					height: 80rpx;
					background: #1855F6;
					border-radius: 40rpx;

					margin: 60rpx auto 0;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #FFFFFF;
					text-align: center;
					line-height: 80rpx;
				}
			}

			.maskContent3 {
				width: 580rpx;
				background: #FFFFFF;
				border-radius: 24rpx;
				position: absolute;
				top: 2%;
				left: 50%;
				transform: translate(-50%);
				overflow: hidden;
				padding: 40rpx;

				.title {
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 40rpx;
				}

				.titleNav {
					font-size: 34rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #303133;
					text-align: center;
					margin-top: 43rpx;
				}

				.titleNavContent {
					width: 100%;
					display: flex;
					margin-top: 70rpx;

					.titleNavContent1 {
						width: 50%;

						.titleNavContent1a {
							margin-left: 18rpx;
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}

						.titleNavContent1b {
							margin-left: 18rpx;
							margin-top: 74rpx;
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}
					}

					.titleNavContent2 {
						width: 50%;

						.titleNavContent2a {
							margin-left: 75rpx;
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}

						.titleNavContent2b {
							margin-left: 75rpx;
							margin-top: 74rpx;
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}
					}
				}

				.clooseImg {
					width: 30rpx;
					height: 30rpx;
					position: absolute;
					top: 20rpx;
					right: 24rpx;
				}

				.maskcnt {
					width: 100%;
					margin-top: 40rpx;

					.maskcnt1 {
						width: 540rpx;
						height: 100rpx;
						margin: 0 auto;
						display: flex;
						justify-content: space-between;

						.maskcnt1Title {
							width: 330rpx;
							height: 60rpx;
							line-height: 100rpx;
							font-size: 34rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #303133;
						}

						.inputs {
							margin-top: 30rpx;
						}
					}

					.submitBox {
						width: 300rpx;
						height: 80rpx;
						background: #1855F6;
						border-radius: 40rpx;

						margin: 60rpx auto 0;
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #FFFFFF;
						text-align: center;
						line-height: 80rpx;
					}
				}
			}
		}
	}
</style>
